<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0">

    <title>自我简介</title>
    <link rel="stylesheet" href="library/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css">
    <link rel="stylesheet" href="library/css/bootstrap.min.css">
    <link rel="shortcut icon" href="xy_favicon.ico">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/food.css">
</head>

<body>
    <script src="library/jquery-1.11.1/jquery-1.11.1.min.js"></script>
    <script src="library/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.js"></script>
    <!-- 导航 -->
    <div class="container">
        <div data-role="header">
            <div data-role="navbar">
                <ul>
                    <li><a href="index.html" data-ajax="false" class="ui-icon-home ui-btn-icon-top"><span class="hidden-xs">首页</span></a></li>
                    <li><a href="food.html" data-ajax="false" class="ui-icon-heart ui-btn-icon-top"><span class="hidden-xs">美食</span></a></li>
                    <li><a href="spor.html" data-ajax="false" class="ui-icon-location ui-btn-icon-top"><span class="hidden-xs">景区</span></a></li>
                    <li><a href="culture.html" data-ajax="false" class="ui-icon-refresh ui-btn-icon-top"><span class="hidden-xs">文化</span></a></li>
                    <li><a href="contact.html" data-ajax="false" class="ui-icon-mail ui-btn-icon-top ui-btn ui-btn-inline ui-corner-all ui-shadow" style="margin-right: 0;"><span class="hidden-xs">信息登记</span></a></li>
                </ul>
            </div>
        </div>
        <!-- 焦点图 -->
        <div class="local">
            <h1>莆仙<i>·</i>美食</h1>
        </div>
        <!-- 主体 -->
        <div class="row">
            <div class="col-md-4 col-sm-6 col-xs=12 wrap">
                <img src="images/oysters.jpg" alt="" class="img-thumbnail">
                <h3>莆田牡蛎</h3>
                <p class="text-muted">莆田牡蛎是莆田沿海出产的著名海鲜美食，牡蛎口感滑嫩鲜美，营养丰富。</p>
            </div>
            <div class="col-md-4 col-sm-6 col-xs=12 wrap">
                <img src="images/mutton.jpg" alt="" class="img-thumbnail">
                <h3>温汤羊肉</h3>
                <p class="text-muted">温汤羊肉是莆田的著名美食，羊肉嫩滑爽甜，非常鲜美。</p>
            </div>
            <div class="col-md-4 col-sm-6 col-xs=12 wrap">
                <img src="images/lc_meat.jpg" alt="" class="img-thumbnail">
                <h3>荔枝肉</h3>
                <p class="text-muted">荔枝肉是莆田的一道特色美食，荔枝肉制作工艺非常讲究，味道酸甜鲜美。</p>
            </div>
            <div class="col-md-4 col-sm-6 col-xs=12 wrap">
                <img src="images/sea ry.jpg" alt="" class="img-thumbnail">
                <h3>海蛏抱蛋</h3>
                <p class="text-muted">海蛏抱蛋是莆田的一道经典美食，口感外酥内嫩，味道鲜香。</p>
            </div>
            <div class="col-md-4 col-sm-6 col-xs=12 wrap">
                <img src="images/loqual.jpeg" alt="" class="img-thumbnail">
                <h3>常太枇杷</h3>
                <p class="text-muted">常太枇杷是莆田的特产水果，枇杷肉质细腻，口感清香，润肺止咳。</p>
            </div>
            <div class="col-md-4 col-sm-6 col-xs=12 wrap">
                <img src="images/fried.jpeg" alt="" class="img-thumbnail">
                <h3>兴化煎粿</h3>
                <p class="text-muted">兴化煎粿是莆田的著名小吃，煎粿入口香脆，味道浓香。</p>
            </div>
            <div class="col-md-4 col-sm-6 col-xs=12 wrap">
                <img src="images/plane.jpg" alt="" class="img-thumbnail">
                <h3>油拌索面</h3>
                <p class="text-muted">油拌索面是深受莆田当地人喜爱的一道小吃，索面配料丰富，味道鲜香，味美可口。</p>
            </div>
            <div class="col-md-4 col-sm-6 col-xs=12 wrap">
                <img src="images/prawns.jpeg" alt="" class="img-thumbnail">
                <h3>津浦对虾</h3>
                <p class="text-muted">津浦对虾是莆田出产的特产海鲜，虾肉紧实，味道鲜美。</p>
            </div>
        </div>
        <div data-role="footer">
            <h1>版权©安诺</h1>
        </div>
    </div>
</body>

</html>